<div class="card mb-4">
  <div class="card-body">
    <div class="row">
      <div class="col-lg-4">
        <div class="d-flex justify-content-center flex-column mb-3 mb-lg-0 border-right">
          <span class="text-muted"><%= Spree.t('admin.amount_spent') %></span>
          <span class="font-size-lg text-dark font-weight-bold mt-1">
            <%= @user.display_lifetime_value %>
          </span>
        </div>
      </div>

      <div class="col-lg-4">
        <div class="d-flex justify-content-center flex-column mb-3 mb-lg-0 border-right">
          <span class="text-muted"><%= Spree.t(:orders) %></span>
          <span class="font-size-lg text-dark font-weight-bold mt-1 me-3">
            <%= @user.completed_orders.count %>
          </span>
        </div>
      </div>

      <div class="col-lg-4">
        <div class="d-flex justify-content-center flex-column mb-3 mb-lg-0">
          <span class="text-muted"><%= Spree.t('admin.avg_order_value') %></span>
          <span class="font-size-lg text-dark font-weight-bold mt-1 me-3">
            <%= @user.display_average_order_value %>
          </span>
        </div>
      </div>
    </div>

    <hr />

    <div class="row">
      <div class="col-lg-4">
        <div class="d-flex justify-content-center flex-column mb-3 mb-lg-0 border-right">
          <span class="text-muted"><%= Spree.t(:store_credits) %></span>
          <span class="font-size-lg text-dark font-weight-bold mt-1 me-3">
            <%= Spree::Money.new(@user.total_available_store_credit(current_currency, current_store), currency: current_currency) %>
          </span>
        </div>
      </div>

      <div class="col-lg-4">
        <div class="d-flex justify-content-center flex-column mb-3 mb-lg-0 border-right">
          <span class="text-muted"><%= Spree.t(:created_at) %></span>
          <span class="font-size-lg text-dark font-weight-bold mt-1 me-3">
            <%= spree_time(@user.created_at) %>
          </span>
        </div>
      </div>

      <% if @visits_count.present? %>
        <div class="col-lg-4">
          <div class="d-flex justify-content-center flex-column mb-3 mb-lg-0 border-right">
            <span class="text-muted"><%= Spree.t(:visits) %></span>
            <span class="font-size-lg text-dark font-weight-bold mt-1 me-3">
              <%= @visits_count %>
            </span>
          </div>
        </div>
      <% end %>
    </div>
  </div>
</div>
